<template>
  <div class="bottom_main flex">
    <div class="flex1 org_content flexC">
      <ul class="flex1 flex">
        <li class="flex2 Medium box">
          <p class="font_s18" style="color: #45d4e9">社会组织名称</p>
          <p class="font_s22 colorF">上海民办常青中学</p>
        </li>
        <li class="flex1 Medium box">
          <p class="font_s18" style="color: #45d4e9">变更事项</p>
          <p class="font_s22 colorF">名称</p>
        </li>
        <li class="flex2 Medium box">
          <p class="font_s18" style="color: #45d4e9">变更前</p>
          <p class="font_s22 colorF">上海民办常青中学</p>
        </li>
        <li class="flex3 Medium box">
          <p class="font_s18" style="color: #45d4e9">变更后</p>
          <p class="font_s22 colorF">上海浦东新区民办福山正达外国语学校</p>
        </li>
      </ul>
     <ul class="flex1 flex">
       <li class="flex2 Medium box1">
         <p class="font_s18" style="color: #45d4e9">社会组织名称</p>
         <p class="font_s22 colorF">上海民办常青中学</p>
       </li>
       <li class="flex1 Medium box1">
         <p class="font_s18" style="color: #45d4e9">变更事项</p>
         <p class="font_s22 colorF">名称</p>
       </li>
       <li class="flex2 Medium box1">
         <p class="font_s18" style="color: #45d4e9">变更前</p>
         <p class="font_s22 colorF">上海民办常青中学</p>
       </li>
       <li class="flex3 Medium box1">
         <p class="font_s18" style="color: #45d4e9">变更后</p>
         <p class="font_s22 colorF">上海浦东新区民办福山正达外国语学校</p>
       </li>
     </ul>
      <ul class="flex1 flex">
        <li class="flex2 Medium box">
          <p class="font_s18" style="color: #45d4e9">社会组织名称</p>
          <p class="font_s22 colorF">上海民办常青中学</p>
        </li>
        <li class="flex1 Medium box">
          <p class="font_s18" style="color: #45d4e9">变更事项</p>
          <p class="font_s22 colorF">名称</p>
        </li>
        <li class="flex2 Medium box">
          <p class="font_s18" style="color: #45d4e9">变更前</p>
          <p class="font_s22 colorF">上海民办常青中学</p>
        </li>
        <li class="flex3 Medium box">
          <p class="font_s18" style="color: #45d4e9">变更后</p>
          <p class="font_s22 colorF">上海浦东新区民办福山正达外国语学校</p>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  name: 'OrgBottom'
}
</script>
<style lang="scss" scoped>
.bottom_main{
  height: 30%;
  width: 75%;
  position: absolute;
  top: 65%;
  left: 0;
  .org_content{
    margin-left: 1rem;
    margin-right: 2rem;
    padding: 1rem;
    background: url(../../assets/img/organization/12.png) no-repeat;
    background-size: 100% 100%;
    .box,.box1{
      margin: 0.25rem;
      padding: 0.5rem;
      border-radius: 5px;
    }
    .box{
      background: #1A3C83;
    }
    .box1{
      background: #3C5B9A;
    }
  }
}
</style>
